<template>
  <div class="main">
    <div class="containerBox">
      <a-popover :title="item.macName" v-for="(item, index) in pointLists" :key="item.id">
        <div
          :style="{ left: item.position[0], top: item.position[1] }"
          @click="machineHandle(item)"
          class="normalMachineBox"
        >
          <span :class="item.state"></span>
        </div>
        <template slot="content">
          <p>{{ item.macnum }} {{ item.macFacInfo }}</p>
          <p>{{ item.macType }}</p>
        </template>
      </a-popover>
    </div>
  </div>
</template>

<script>
import api from '@/api/equipment';

function formatPosition(str) {
  // 1BE9CA2375008C8  E3-B201 1200 405  福建省威诺数控有限公司
  // 1D460F8C54D0990  E3-B306 1300 335  沈阳百航智能制造研究院有限公司
  // 1D3615BFF6308A6  E3-A001 1070 320  济南二机床集团有限公司
  // 1F5C97BBEF30933  E3-B001 1060 365  武汉重型机床集团有限公司
  // 1BE5DD19061089A  E3-B003 1100 335  天水星火机床集团有限公司
  // 1F2DE3CF38B08D0  E3-B101 1140 355  上海机床厂有限公司
  // 1D26B262FF408C4  E3-B102 1140 375  山东豪迈机械制造有限公司
  // 1C8BD24F420095B  E3-A013 1070 285  济南第一机床有限公司
  // 1CB3568C5D9094D  E3-B106 1170 340  北平机床(浙江)股份有限公司
  // 1D3B213E97F097D  E3-B106 1170 360  北平机床(浙江)股份有限公司
  // 1DFAB585E4A08F7  E3-B319 1360 340  温岭市大众精密机械有限公司
  // 1B02B852085092B  E3-A202 1160 285  巨鑫机床有限公司
  // 1CAA81D334B0927  E3-A202 1160 305  巨鑫机床有限公司
  // 1E61ADBAF70089C  E3-A202 1200 285  巨鑫机床有限公司
  // 1F28CFADE43089F  E3-A202 1200 305  巨鑫机床有限公司
  // 1DFD4C7999B08F9  E3-A102 1120 290  济南四机数控机床有限公司
  // 1E6C926FDA708FF  E3-A216 1240 280  上海西格码机床有限公司

  // 1C047C32E0808C4  E1-A215 1300 610  东莞市埃弗米数控设备有限公司
  // 1C867A5D188089B  E1-A215 1340 610  武汉华中数控鄂州有限公司
  // 1D888A175EE034F  E1-A215 1300 630  武汉华中数控鄂州有限公司
  // 1C42753A5E80952  E1-A215 1340 630  陕西秦川格兰德机床有限公司
  // 1c065aa850608c5  E1-A215 1300 650  山东豪迈机械制造有限公司
  // 1EECBBC266F08C7  E1-A001 1100 620  陕西秦川格兰德机床有限公司
  // 1C2F60A4548092A  E1-A001 1100 640  宝鸡忠诚精密数控设备有限责任公司
  // 1E0EED10E7508D0  E1-B001 1115 700  沈阳机床股份有限公司
  // 1ED6C1BEBF408A3  E1-B206 1210 700  江苏博谷智能科技有限公司

  // 1CAE82D311B0905  W4-B202 680 190 沈阳精锐数控机床有限公司
  // 1CCBA1782D308D2  W4-A316 520 130 山东大汉智能科技有限公司
  // 1DB789CBB840906  W4-A316 520 150 山东大汉智能科技有限公司
  // 1DE6B72FCD008A5  W4-B112 800 195 江西佳时特数控技术有限公司
  // 1ED9CC0A7CC08C7  W4-A102 770 135 山东蒂德精密机床有限公司
  // 1D6460FB59F08FE  W4-B401 470 185 威海华东数控股份有限公司
  // 1E817FEE86B08F3  W4-A201 680 115 山东威达数控机床股份有限公司
  // 1EC4897CEBF08FC  W4-B205 640 165 珠海格力智能装备有限公司
  // 1B322704F9508F2  W4-A202 730 115 山东威达数控机床股份有限公司
  // 33FF14956FD377E  W4-A302 610 125 大连三垒科技有限公司
  // 1B8474A41B10901  W4-A313 560 100 辽宁西格马数控机床有限公司
  // 1B92306996F092D  W4-A313 560 120 辽宁西格马数控机床有限公司

  // 1D1A998B20B08C2  E6-B717 1600 500 雷亿尔精密机械科技(常州)有限公司
  // 1D44F48C0C80897  E6-B605 1650 520 雷亿尔精密机械科技(常州)有限公司
  return str == null || str == '' ? ['-100px', '-100px'] : str.split(',');
}

// 84px,290px 1AAB310197308FB 530px,260px

/* function formatStatus(value) {
  switch (parseInt(value)) {
    case 4000: // 灰
      return '#757575';
    case 2000: // 红
      return '#FF2525';
    case 3000: // 黄
      return '#FFE400';
    case 1000: // 绿
      return '#00DE6E';
    default:
      return '#757575';
  }
} */

function formatStatus(value) {
  switch (parseInt(value)) {
    case 4000: // 灰
      return 'icon iconfont icon-zh-gr flash';
    case 2000: // 红
      return 'icon iconfont icon-zh-r flash';
    case 3000: // 黄
      return 'icon iconfont icon-zh-y flash';
    case 1000: // 绿
      return 'icon iconfont icon-zh-g flash';
    default:
      return 'icon iconfont icon-zh-gr flash';
  }
}

export default {
  name: 'exhibitionMap',
  components: {},
  data() {
    return {
      pointLists: [],
      redLists: [],
      yellowLists: [],
      greenLists: [],
      grayLists: [],
    };
  },
  methods: {
    async getData(parames, key) {
      let res = await api.getEquipListById({
        // Username: '13867412431',
        id: 73066,
      });
      if (res.msgCode != '0') {
        return;
      }
      let machineLists = [];
      let resultLists = res.data.data;

      machineLists = resultLists.map(function(item) {
        if (item.MacSN && item.MacSN.length > 0) {
          return {
            groupid: item.GroupId,
            macsn: item.MacSN,
            position: formatPosition(item.MacDesc),
            state: formatStatus(item.State),
            macnum: item.MacNumb,
            signcode: item.SignCode || '0',
            macName: item.MacName,
            macFacInfo: item.MacFacInfo,
            macType: item.MacType,
          };
        }
      });

      this[key] = machineLists;
    },
    machineHandle(item) {
      this.$store.commit('board/DetailType', 5);
      localStorage.setItem('DetailType', 5);
      this.$router.push({
        path: '/deviceDetail',
        query: { macsn: item.macsn, groupid: -1 },
      });
    },
  },
  mounted() {
    let _this = this;
    this.getData({}, 'pointLists');
    this.timer = setInterval(() => {
      _this.getData({}, 'pointLists');
    }, 1000 * 10);
  },
  created: function() {},
  beforeDestroy() {
    clearInterval(this.timer);
    this.timer = null;
  },
};
</script>

<style scoped lang="less">
@import 'light.less';
</style>
